<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>聊天页</title>

    <link href="/css/websocket.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="box">
        <input id="roomId" name="room" type="hidden" th:value="${room}"/>
        <input id="userId" name="userId" type="hidden" th:value="${user.id}"/>
        <input id="toUserId" name="toUserId" type="hidden"/>
        <div id="content_l">
        </div>
        <div id="content_m">
            <div class="info_box">
                <!--<div class="info_r">
                    <img src="/img/icon/man.ico" class='pic_r'>
                    <span class='msg_r'>我的消息</span>
                </div>

                <div class="info_m">
                    <span class='msg_m'>[张三]已退出聊天室</span>
                </div>

                <div class="info_l">
                    <img src="/img/icon/wumen.ico" class='pic_l'>
                    <span class='msg_l'>朋友消息</span>
                </div>-->
            </div>
            <form action="">
                <!--<img src="/img/icon/wumen.ico" id='pic'>-->
                <input type="text" placeholder='尽情畅聊吧' id='contentText' name="contentText">
                <input class="btn btn-primary ml-2" type="button" value='发送' id='send' onclick="sendMessage()">
            </form>
        </div>
    </div>

    <div th:include="common :: common-jquery"></div>
    <div th:include="common :: common-bootstrap"></div>
    <script src="/js/page/websocket.js" th:inline="javascript" language="javascript" type="text/javascript"></script>
</body>
</html>